{% extends 'Curso.html.twig' %}

{% block contenido %}
	<div id="headerwrap">
		<div class="container">
			<div class="row-fluid">
				<div class="col-lg-12">
					<br>
					<br>
					<h2> Lista de Cursos</h2>
					<br>

					<div class="row">
						<div class="col-md-6">
						</div>
						<div class="col-md-6">
							<button type="button" onClick="agregarSeccion()" class="btn btn-info" data-toggle="modal" data-target="#agregarSeccion">
								Agregar Curso
							</button>
						</div>
					</div>

					<br>


					<table class="table"> 
							{% set trayecto = '' %}

							{% set seccion = '' %}

					    	{% for curso in cursos %}

					    	{% if (trayecto != curso.num_trayecto or seccion != curso.seccion) %}

					    		{% set seccion = curso.seccion %}
					    		{% set trayecto = curso.num_trayecto %}

							    <tr class="titulo">
							    	<td colspan="10">
							    		Trayecto: {{ trayecto }} - Sección: {{curso.seccion}}
							    	</td>
							    </tr>
							    <tr class="active">
							            <td>Unidad Curricular</td>
							            <td>Profesor</td>
							            <td>Cantidad de Estudiantes</td>
							            <td>Capacidad</td>
							            <td>Fecha de Inicio</td>
							            <td>Fecha de Fin</td> 
							            <td></td>
							            <td></td> 
							    </tr>

					    	{% endif %}		    
					    
						<tr>
							<td>
								{{curso.nombre}}   
							</td>
							<td> 
								{{curso.nombrecompleto}}    
							</td>
							<td> 
								{{curso.cantidad_estudiantes}}   
							</td>
							<td> 
								{{curso.capacidad}}    
							</td>
							<td>
								{{ curso.fec_inicio|date("d/m/Y") }}
							</td>
							<td> 
								{{ curso.fec_final|date("d/m/Y") }}   
							</td>
							<td>
								<button type="button" class="btn btn-info" onClick="verEstudiantes({{curso.codigo}},'{{curso.nombre}}','Profesor: {{curso.nombrecompleto}}')" data-toggle="modal" data-target="#verEstudiantes" title="Ver Estudiantes">
										<i class="icon-user"></i>
								</button>
							<td>
								<button type="button" class="btn btn-info" onClick="cargarNotas()"  data-toggle="modal" data-target="#cargarNotas" title="Cargar Notas">
									<i class="icon-pushpin"></i>
								</button>
							</td>
						</tr>	
							{% endfor %}
		
					</table>		
						
				</div>
			</div>
		</div>
	</div>
{% endblock %}
